@import url("rem.less");
.main{
    .portrait{
        background:url(../images/user-imgs/images/user-imgs_02.png) no-repeat;
        background-size: 100%;.h(300);.dis;justify-content: flex-start;
        dl{.dis;justify-content: flex-start;
            dt{.ml(60);.mr(20);.w(180);.h(180);img{width: 100%;}}
            dd{.font-dpr(15px);color: #fff;}
        }
    }
    .order{
        background: #fff;.mb(27);
        .or_top{
            .dis;justify-content: space-between;
            .padding(50,30,50,30);border-bottom: 1px solid #ccc;
            p{.font-dpr(13px);color: #999;}span{.font-dpr(15px);color: #ccc;}
        }
        .or_bottom{.dis;.h(280);dl{flex: 1;text-align: center;
            dt{.w(100);.h(100);margin: 0 auto; img{width: 100%;}}
            dd{.font-dpr(12px);color: #999;}
        }}
    }
    .list_nav{
        background: #fff;.h(530);
        .dis;flex-wrap: wrap;justify-content: flex-start;
        dl{width: 25%;
            text-align: center;
            dt{.w(100);.h(100);margin: 0 auto; img{width: 100%;}}
            dd{.font-dpr(10px);color: #999;}
        }
    }
}
